﻿<windowsToolbar:SelectionContainer x:Class="Windows.Toolbar.Controls.Specialized.ColorPicker"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:windowsToolbar="clr-namespace:Windows.Toolbar.Controls"
    xmlns:windowsToolbarSpecialized="clr-namespace:Windows.Toolbar.Controls.Specialized">

    <windowsToolbar:SelectionContainer.Resources>
        <Style x:Key="Heading" TargetType="Border">
            <Setter Property="Padding" Value="2,0,0,0" /> 
            <Setter Property="BorderBrush" Value="#C5C5C5"/>
            <Setter Property="Background" Value="#DDE7EE"/>
            <Setter Property="BorderThickness" Value="0,0,0,1"/>
        </Style>

		<Style x:Key="HeadingText" TargetType="TextBlock">
			<Setter Property="FontWeight" Value="Bold"/>
			<Setter Property="Foreground" Value="#001585"/>
		</Style>

        <Style x:Key="ColorRow" TargetType="FrameworkElement">
            <Setter Property="Margin" Value="2"/>
        </Style>
    </windowsToolbar:SelectionContainer.Resources>


	<Border BorderBrush="#868686" BorderThickness="1" CornerRadius="3" Background="White">
        <StackPanel Background="White" Margin="1">
            <Border Style="{StaticResource Heading}">
                <TextBlock Text="Theme Colors" Style="{StaticResource HeadingText}"/>
            </Border>

            <!-- Theme Colors -->
            <StackPanel Orientation="Horizontal" Margin="0,2,0,2">
                <!-- First column gray tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#FFFFFF" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#F2F2F2" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#D8D8D8" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#BFBFBF" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#A5A5A5" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#7F7F7F" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Second column darkgray tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#000000" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#7F7F7F" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#595959" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#3F3F3F" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#262626" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#0C0C0C" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Third column chrome tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#EEECE1" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#DDD9C3" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#C4BD97" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#938953" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#494429" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#1C1B10" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Fourth column dark blue tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#1F497D" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#C6D9F0" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#8DB3E2" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#548DD4" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#17365D" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#0F243E" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Fourth column light blue tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#4F81BD" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#DBE5F1" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#B8CCE4" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#95B3D7" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#366092" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#244061" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Fifth column red tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#C0504D" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#F2DCDB" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#E5B9B7" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#D99694" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#953734" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#632423" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Sixth column green tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#3F3151" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#EBF1DD" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#D7E3BC" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#C3D69B" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#76923C" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#4F6128" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Sixth column purple tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#8064A2" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#E5E0EC" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#CCC1D9" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#B2A2C7" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#5F497A" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#3F3151" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                     </Border>
                </StackPanel>

                <!-- Sixth column sky tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#4BACC6" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#DBEEF3" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#B7DDE8" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#92CDDC" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#31859B" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#205867" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>

                <!-- Sixth column orange tones -->
                <StackPanel Style="{StaticResource ColorRow}">
                    <Border BorderBrush="#C5C5C5" BorderThickness="1" Margin="0,0,0,4">
                        <windowsToolbarSpecialized:ColorPickerItem Color="#F79646" SelectionChanged="ColorPickerItem_Selected" />
                    </Border>

                    <Border BorderBrush="#C5C5C5" BorderThickness="1">
                        <StackPanel>
                            <windowsToolbarSpecialized:ColorPickerItem Color="#FDEADA" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#FBD5B5" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#FAC08F" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#E36C09" SelectionChanged="ColorPickerItem_Selected" />
                            <windowsToolbarSpecialized:ColorPickerItem Color="#974806" SelectionChanged="ColorPickerItem_Selected" />
                        </StackPanel>
                    </Border>
                </StackPanel>
            </StackPanel>
            
            <Border Style="{StaticResource Heading}">
                <TextBlock Text="Standard Colors" Style="{StaticResource HeadingText}"  />
            </Border>

            <StackPanel Orientation="Horizontal" Margin="0,2,0,2" VerticalAlignment="Center">
                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#C00000" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#FF0000" SelectionChanged="ColorPickerItem_Selected" />
                </Border>
                
                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#FFC000" SelectionChanged="ColorPickerItem_Selected" />
                </Border>
                
                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#FFFF00" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#92D050" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#00B050" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem  Color="#00B0F0" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#0070C0" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#002060" SelectionChanged="ColorPickerItem_Selected" />
                </Border>

                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="#7030A0" SelectionChanged="ColorPickerItem_Selected" />
                </Border>
            </StackPanel>

            <Border Style="{StaticResource Heading}" />

            <StackPanel Orientation="Horizontal" Margin="0,2,0,2">
                <Border BorderBrush="#C5C5C5" BorderThickness="1" Style="{StaticResource ColorRow}">
                    <windowsToolbarSpecialized:ColorPickerItem Color="Transparent" SelectionChanged="ColorPickerItem_Selected"/>
                </Border>
                <TextBlock Text="No Color" VerticalAlignment="Center" HorizontalAlignment="Center" />
            </StackPanel>
        </StackPanel>
    </Border>	
</windowsToolbar:SelectionContainer>
